import axios from 'axios'
import store from '@/store'
import router from '@/router'
import { Message } from 'element-ui'
import { getTimeStamp } from '@/utils/auth'

const TimeOut = 3600 // 定义超时时间

const service = axios.create({
  baseURL: process.env.VUE_APP_BASE_URL,
  timeout: 5000 // request timeout
})

// 请求拦截器
service.interceptors.request.use(
  // config 是请求的配置信息
  (config) => {
    // 在这个位置需要统一的去注入token
    const token = store.state.user.token
    if (token) {
      // 只有在有token的情况下 才有必要去检查时间戳是否超时
      if (isCheckTimeOut()) {
        // 如果它为true表示 过期了
        // token没用了 因为超时
        store.commit('user/removeUserInfo')
        // 跳转到登录页面
        router.push('/login')
        return Promise.reject(new Error('token超时了'))
      }
      config.headers['Authorization'] = `Bearer ${token}`
    }
    return config // 必须要返回的
  },
  (error) => {
    return Promise.reject(error)
  }
)

// 响应拦截器
service.interceptors.response.use(
  (response) => {
    const { success, message, data } = response.data
    // 根据success的成功与否决定下面的操作
    if (success) {
      return data
    } else {
      // 业务已经错误了，还能进入then ？  肯定不能 应该进入catch 所以需要return一个Promise.reject
      Message.error(message)
      return Promise.reject(new Error(message))
    }
  },

  (error) => {
    Message.error(error.message)
    if (error.response.status === 401) {
      // 1. 清理失效的数据
      store.commit('user/removeUserInfo')
      // 2. 跳回到登录
      router.push(`/login?redirect=${router.currentRoute.fullPath}`)
    }
    return Promise.reject(error)
  }
)

// 判断token超时函数
// （当前时间-缓存中的时间） 是否大于 时间差
function isCheckTimeOut() {
  var currentTime = Date.now() // 当前时间戳
  var timeStamp = getTimeStamp() // 缓存时间戳
  return (currentTime - timeStamp) / 1000 > TimeOut
}

export default service
